<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为官网</title>
    <link rel="stylesheet" href="../css/rester.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/home.css">
    <script src="../js/jquery1.12.4.min.js"></script>
    <script src="../js/home.js"></script>
</head>
<body>
    <div class="top">
        <div class="t_inner">
            <a href="./login.html"><i class="iconfont icon-yonghu"></i>登录</a>
            <a href="#"><i class="iconfont icon-diqiu01"></i>选择区域/语言<i class="iconfont icon-jiantou_down"></i></a>
            <a href="#"><i class="iconfont icon-ziyuan"></i>集团网站<span class="align"></span><i class="iconfont icon-jiantou_down"></i></a>
        </div>
    </div>
    <div class="slide_f">
        <div class="slf_inner">
            <dl class="dl_first">
                <dt>
                    <i class="iconfont icon-jiantou"></i>
                    <span>集团网站</span>
                </dt>
                <dd>公司介绍、新闻动态、展会活动等信息</dd>
            </dl>
            <dl>
                <dt>
                    <a href="#">                        
                        <span>消费者业务网站</span>
                        <i class="iconfont icon-jiantou"></i>
                    </a>
                </dt>
                <dd>手机，PC和平板等智慧生活产品</dd>
            </dl>
            <dl>
                <dt>
                    <a href="#">                        
                        <span>企业业务网站</span>
                        <i class="iconfont icon-jiantou"></i>
                    </a>
                </dt>
                <dd>企业商用产品、解决方案和云服务</dd>
            </dl>
            <dl>
                <dt>
                    <a href="#">                        
                        <span>运营商网络业务网站</span>
                        <i class="iconfont icon-jiantou"></i>
                    </a>
                </dt>
                <dd>运营商网络解决方案、产品及服务</dd>
            </dl>
            <dl>
                <dt>
                    <a href="#">                        
                        <span>华为云网站</span>
                        <i class="iconfont icon-jiantou"></i>
                    </a>
                </dt>
                <dd>华为云服务及解决方案</dd>
            </dl>
        </div>
    </div>
    <div class="slide_s">
        <div class="sls_inner">
            <h3>选择区域/语言</h3>
            <ul>
                <li>
                    <span>Australia</span> -
                    <a href="#">English</a>
                </li>
                <li>
                    <span>Belarus</span> -
                    <a href="#">Pусский</a>
                </li>
                <li>
                    <span>Brazil</span> -
                    <a href="#">Portuguese</a>
                </li>
                <li>
                    <span>Canada</span> -
                    <a href="#">English</a>
                </li>
                <li class="imp">
                    <i class="iconfont icon-jiantou"></i>
                    <span>China</span> -
                    <a href="#">简体中文</a>
                </li>
                <li>
                    <span>France</span> -
                    <a href="#">Français</a>
                </li>
                <li>
                    <span>Germany</span> -
                    <a href="#">Deutsch</a>
                </li>
                <li>
                    <span>Italy</span> -
                    <a href="#">Italiano</a>
                </li>
                <li>
                    <span>Japan</span> -
                    <a href="#">日本語</a>
                </li>
                <li>
                    <span>Kazakstan </span>-
                    <a href="#">Pусский</a>
                </li>
                <li>
                    <span>Kenya</span> -
                    <a href="#">English</a>
                </li>
                <li>
                    <span>Malaysia </span>-
                    <a href="#">English</a>
                </li>
                <li>
                    <span>Mexico</span> -
                    <a href="#">Español</a>
                </li>
                <li>
                    <span>Myanmar</span> -
                    <a href="#">ျမန္မာ</a>
                </li>
                <li>
                    <span>New Zealand</span> -
                    <a href="#">English</a>
                </li>
                <li>
                    <span>Netherlands</span> -
                    <a href="#">Dutch</a>
                </li>
                <li>
                    <span>Romania</span> -
                    <a href="#">Română</a>
                </li>
                <li>
                    <span>Russia</span> -
                    <a href="#">Pусский</a>
                </li>
                <li>
                    <span>South Africa</span> -
                    <a href="#">English</a>
                </li>
                <li>
                    <span>Spain</span> -
                    <a href="#">Español</a>
                </li>
                <li>
                    <span>Switzerland</span> -
                    <a href="#">English</a>
                </li>
                <li>
                    <span>Thailand</span> -
                    <a href="#">ภาษาไทย</a>
                </li>
                <li>
                    <span>Turkey</span> -
                    <a href="#">Türkiye</a>
                </li>
                <li>
                    <span>Ukraine</span> -
                    <a href="#">Українська</a>
                </li>
                <li>
                    <span>United Kingdom</span> -
                    <a href="#">English</a>
                </li>
                <li>
                    <span>United States</span> -
                    <a href="#">English</a>
                </li>
                <li>
                    <span>Uzbekistan</span> -
                    <a href="#">Pусский</a>
                </li>
                <li>
                    <span>Uzbekistan</span> -
                    <a href="#">O’zbek</a>
                </li>
                <li>
                    <span>Vietnam</span> -
                    <a href="#">Tiếng Việt</a>
                </li>
                <li>
                    <span>Global</span>-
                    <a href="#">English</a>
                </li>
            </ul>
        </div>
    </div>
    <div id="header">
        <div class="container h_nav">
            <a href="#" class="logo"></a>
            <ul class="nav">
                <li>
                    <a href="#">个人及家庭产品</a>
                </li>
                <li>
                    <a href="#">商用产品及方案</a>
                </li>
                <li>
                    <a href="#">服务支持</a>
                </li>
                <li>
                    <a href="#">合作伙伴与开发者</a>
                </li>
                <li>
                    <a href="#">关于华为</a>
                </li>
            </ul>
            <div class="h_right">
                <div class="search">
                    <input type="text" name="" id="inp_s" placeholder="请输入关键字">
                    <i class="iconfont icon-sousuo1"></i>
                    <i class="iconfont icon-cuo"></i>
                    <div class="tan">
                        <h3>热门搜索:</h3>
                        <ul>
                            <li>Mate 40系列手机</li>
                            <li>手机</li>
                            <li>P40</li>
                            <li>5G</li>
                            <li>华为认证</li>
                            <li>手机助手</li>
                            <li>耳机</li>
                        </ul>
                    </div>
                </div>
                <div class="buycar">
                    <a href="javascript:;">
                        <i class="iconfont icon-gouwu"></i>
                        在线购买
                        <i class="iconfont icon-jiantou_down"></i>
                        <span class="algin"></span>
                    </a>
                    <div class="carbottom">
                        <a href="./mall.html">
                            <i class="iconfont icon-gouwuche"></i>
                            华为商城
                        </a>
                        <a href="#">
                            <i class="iconfont icon-gouwuche"></i>
                            华为云
                        </a>
                    </div>
                </div>
                <i class="iconfont icon-sousuo h_sousuo"></i>
            </div>
        </div>
    </div>
    <div class="banner">
        <ul>
            <li>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/banner/3/vmall-mate40-selling.jpg" alt="">
                <a href="#" class="a1">了解更多</a>
             </li>
             <li>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/banner/3/hwcloud_cloudnative_p2.jpg" alt="">
                <a href="#" class="a2">了解更多</a>
             </li>
             <li>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/banner/3/tommorrow-today-cn.jpg" alt="">
                <a href="#">了解更多</a>
             </li>
        </ul>
        <i class="iconfont icon-youjiantou next"></i>
        <i class="iconfont icon-zuojiantou prev"></i>
        <ol>
            <li><span><em></em></span></li>
            <li><span><em></em></span></li>
            <li><span><em></em></span></li>
        </ol>
    </div>
    <!-- 主体内容 -->
    <div id="main">
       <h2>推荐信息</h2>
       <span class="h2_bottom"></span>
       <div class="products container">
            <div class="mate40">
                <a href="#" class="all"></a>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/box/2/1230/mate40_pro_p.jpg" alt="">
                <div class="mask"></div>
                <div class="bottom">
                    <p class="p1">产品</p>
                    <p class="p2">HUAWEI Mate 40 Pro</p>
                    <a href="#">了解更多<i class="iconfont icon-jiantou"></i></a>
                </div>
            </div>
            <div class="watch">
                <a href="#" class="all"></a>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/box/2/1230/watch_gt_2_p.jpg" alt="">
                <div class="mask"></div>
                <div class="bottom">
                    <p class="p1">产品</p>
                    <p class="p2">HUAWEI WATCH GT 2 保时捷设计</p>
                    <a href="#">了解更多<i class="iconfont icon-jiantou"></i></a>
                </div>
            </div>
            <div class="matebook">
                <a href="#" class="all"></a>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/box/2/1230/matebook_x_p.jpg" alt="">
                <div class="mask"></div>
                <div class="bottom">
                    <p class="p1">产品</p>
                    <p class="p2">HUAWEI MateBook X 轻启灵感</p>
                    <a href="#">了解更多<i class="iconfont icon-jiantou"></i></a>
                </div>
            </div>
            <div class="freebuds">
                <a href="#" class="all"></a>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/box/2/1230/freebuds_studio_p.jpg" alt="">
                <div class="mask"></div>
                <div class="bottom">
                    <p class="p1">产品</p>
                    <p class="p2">HUAWEI FreeBuds Studio 无线头戴耳机</p>
                    <a href="#">了解更多<i class="iconfont icon-jiantou"></i></a>
                </div>
            </div>
            <div class="actives">
                <a href="#" class="all"></a>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/box/2/huyanglin.jpg" alt="">
                <div class="mask"></div>
                <div class="bottom">
                    <p class="p1">公益活动</p>
                    <p class="p2">我有一片胡杨林</p>
                    <a href="#">了解更多<i class="iconfont icon-jiantou"></i></a>
                </div>
            </div>
            <div class="smart">
                <a href="#" class="all"></a>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/box/2/intelligent-twins.jpg" alt="">
                <div class="mask"></div>
                <div class="bottom">
                    <p class="p1">智能体</p>
                    <p class="p2">打造行业智能体，共建全场景智慧</p>
                    <a href="#">了解更多<i class="iconfont icon-jiantou"></i></a>
                </div>
            </div>
            <div class="huaweiNews">
                <a href="#" class="all"></a>
                <img src="https://www-file.huawei.com/-/media/corp2020/home/box/2/dbs-3.jpg" alt="">
                <div class="mask"></div>
                <div class="bottom">
                    <p class="p1">新闻</p>
                    <p class="p2">华为荣获新加坡星展银行DBS<br>
                        2020年度最有价值科技合作伙伴奖
                    </p>
                    <a href="#">了解更多<i class="iconfont icon-jiantou"></i></a>
                </div>
            </div>
       </div>
       <div class="video-box">
           <video src="https://www-file.huawei.com/-/media/corp2020/home/sbanner/1/t4a-changting3.mp4" autoplay muted loop></video>
           <img src="https://www-file.huawei.com/-/media/corp2020/home/sbanner/1/bg-logo.png?la=zh" alt="">
           <div>
                <p class="p_first">畅听无碍，让听障人士沟通更容易</p>
                <span></span>
                <p class="p_then">通过科技辅助，为听障朋友们“代言”，让他们的出行和生活不再障碍重重。</p>
                <a href="#">了解更多</a>
           </div>
       </div>
       <h2>新闻与活动</h2>
       <span class="h2_bottom"></span>
       <div class="news container">
            <div class="n_left">
                <a href="#"></a>
                <span>展会活动</span>
                <div class="img-box">
                    <img src="https://www-file.huawei.com/-/media/corp2020/home/event/1/citysummit_shanghai.jpg" alt="">
                </div>
                <div class="bottom">
                    <h3>上海城市峰会2020</h3>
                    <p class="p-middle"><i class="iconfont icon-ditu"></i>中国， 上海<i class="iconfont icon-weimingmingwenjianjia_rili"></i>2020年12月15日</p>
                    <p class="p-end">智慧上海·进而有为</p>
                </div>
            </div>
            <div class="n_center">
                <a href="#"></a>
                <span>展会活动</span>
                <div class="img-box">
                    <img src="https://www-file.huawei.com/-/media/corp2020/home/event/1/event-bws-adn-cn.jpg" alt="">
                </div>
                <div class="bottom">
                    <h3>Better World Summit 2020</h3>
                    <p class="p-middle"><i class="iconfont icon-ditu"></i>线上直播<i class="iconfont icon-weimingmingwenjianjia_rili"></i>2020年12月10-11日</p>
                    <p class="p-end">加速FBB网络自治,使能敏捷商业</p>      
                </div>
            </div>
            <div class="n_right">
                <span>新闻</span>
                <ul>
                    <li>
                        <a href="#"></a>
                        <p>中国科学院沈阳自动化研究所与华为5G+工业网络联合创新中心成立</p>
                        <i>2020年12月22日</i>
                    </li>
                    <li>
                        <a href="#"></a>
                        <p>华为与第三方机构发布白皮书:企业数据中心全面迈向自动驾驶网络</p>
                        <i>2020年12月22日</i>
                    </li>
                    <li>
                        <a href="#"></a>
                        <p>华为5G和LTE率先完成DEKRA SCAS测试，并正式通过GSMA NESAS安全评估</p>
                        <i>2020年12月22日</i>
                    </li>
                    <li>
                        <a href="#"></a>
                        <p>俄罗斯MTS携手华为完成Smart 8T8R全球首商用</p>
                        <i>2020年12月22日</i>
                    </li>
                    <li>
                        <a href="#"></a>
                        <p>华为靳玉志:一根光纤点亮绿色智慧房间</p>
                        <i>2020年12月21日</i>
                    </li>
                </ul>
            </div>
       </div>
       <div class="more">
           <a href="#" class="more_actives">更多活动</a>
           <a href="#" class="more_news">更多新闻</a>
       </div>
    </div>
    <div id="footer">
        <div class="f_inner">
            <p><a href="#">首页</a><i class="iconfont icon-sousuo"></i></p>
            <div class="f_middle">
                <div class="about">
                    <h3>关于华为</h3>
                    <div class="links">
                        <ul class="left">                                                                                           
                            <li>
                                <a href="#">公司简介</a>
                            </li>
                            <li>
                                <a href="#">公司年报</a>
                            </li>
                            <li>
                                <a href="#">公司治理</a>
                            </li>
                            <li>
                                <a href="#">管理层信息</a>
                            </li>
                            <li>
                                <a href="#">招贤纳士</a>
                            </li>
                            <li>
                                <a href="#">联系我们</a>
                            </li>
                        </ul>                    
                        <ul class="right">                                                                                           
                            <li>
                                <a href="#">可持续发展</a>
                            </li>
                            <li>
                                <a href="#">信任中心</a>
                            </li>
                            <li>
                                <a href="#">合规与诚信</a>
                            </li>
                            <li>
                                <a href="#">公共政策</a>
                            </li>
                            <li>
                                <a href="#">债券投资者</a>
                            </li>
                            <li>
                                <a href="#">供应商</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="ournews">
                    <h3>新闻与活动</h3>
                    <div class="links">
                        <ul>
                            <li>
                                <a href="#">新闻</a>
                            </li>
                            <li>
                                <a href="#">展会活动</a>
                            </li>
                            <li>
                                <a href="#">华为直播</a>
                            </li>
                            <li>
                                <a href="#">媒体图库</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="find">
                    <h3>发现</h3>
                    <div class="links">
                        <ul>
                            <li>
                                <a href="#">成功故事</a>
                            </li>
                            <li>
                                <a href="#">行业洞察</a>
                            </li>
                            <li>
                                <a href="#">出版物</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="ourproducts">
                    <h3>我们的产品</h3>
                    <div class="links">
                        <ul>
                            <li>
                                <a href="#">个人及家庭产品</a>
                            </li>
                            <li>
                                <a href="#">企业业务产品</a>
                            </li>
                            <li>
                                <a href="#">运营商网络产品</a>
                            </li>
                            <li>
                                <a href="#">华为云服务</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="support">
                    <h3>技术支持</h3>
                    <div class="links">
                        <ul>
                            <li>
                                <a href="#">消费者技术支持</a>
                            </li>
                            <li>
                                <a href="#">华为云技术支持</a>
                            </li>
                            <li>
                                <a href="#">企业技术支持</a>
                            </li>
                            <li>
                                <a href="#">运营商技术支持</a>
                            </li>
                            <li>
                                <a href="#">产品安全通告</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="f_end">
                <div class="end_l">
                    <a href="#">华为商城</a>
                    <a href="#">华为云</a>
                    <a href="#">华为智能光伏</a>
                    <a href="#">产品定义社区</a>
                    <a href="#">华为心声社区</a>
                </div>
                <div class="end_r">
                    <a href="#"><i class="iconfont icon-weibo"></i></a>
                    <a href="#"><i class="iconfont icon-in"></i></a>
                    <a href="#"><i class="iconfont icon-iconfontweixin"></i></a>
                    <a href="#"><i class="iconfont icon-toutiao"></i></a>
                    <a href="#"><i class="iconfont icon-zhihu"></i></a>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="c_inner">
            <span class="hw">&copy; 2020华为技术有限公司</span>
            <a href="#" class="mr4">粤A2-20044005号</a>
            <a href="#">粤公网安备 &nbsp;44030702002388号</a>
            <span class="line"></span>
            <a href="#" class="lastlink">联系我们</a>
            <a href="#" class="lastlink">法律声明</a>
            <a href="#" class="lastlink">隐私保护</a>
            <a href="#" class="lastlink">除名查询</a>
        </div>
    </div>
    <a href="#" class="consulting">
        <i class="iconfont icon-kefu"></i>
    </a>
    <span class="back">
        <i class="iconfont icon-xiajiantou"></i>
    </span>
</body>
</html>